<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./土巴兔样式/css样式重置.css">
  <link rel="stylesheet" href="./土巴兔样式/土巴兔.css">
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
</head>

<body>
  <!-- 第一个导航栏 -->
  <div class="wrap">
    <!-- 第二个导航栏 -->
    <div class="nav-first">
      <div class="switchover">
        <i class="icon-coordinate"></i>
        <span class="nav-ticy">深圳</span>
        <span class="nav-change">
          [切换]</span>
        <!-- 隐藏部分 -->
        <div class="option-box">
          <div class="option-list">
            <span class="span-on">热门城市</span>
            <div class="hot-hontent">
              <div class="ul-box">
                <ul class="clearfix">
                  <li><a href="#">北京</a></li>
                  <li><a href="#">上海</a></li>
                  <li><a href="#">广州</a></li>
                  <li><a href="#">成都</a></li>
                  <li><a href="#">重庆</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                  <li><a href="#">北京</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="first-right">
        <span class="phone">
          <i class="icon-pgone"></i>
          咨询热线：
          <span class="phone-underline">4006-900-288
            <i class="tel-arrow"></i>
          </span>
          <!-- 隐藏部分 -->
          <div class="tel-pop">
            <h3 class="title-step">联系土巴兔装修管家</h3>
            <div class="tel-content">
              <input type="text" class="tel-content-input" placeholder="请输入手机号,装修公司马上给你打电话">
            </div>
            <div class="form-agreement">
              <input type="checkbox" class="input">
              <p class="agree-des">我已阅读并同意
                <span class="a">《服务须知》</span>
              </p>
            </div>
            <div class="step1">
              <span class="step2">立即免费获取</span>
            </div>
            <p class="tel-tips">
              <i style="color: red;">*</i>
              通话结束后,本次通话记录将以短信形式免费发送到您输入的手机上
            </p>
          </div>
      </div>
      </span>
      <div class="thread"></div>
      <a href="#" class="a1">图满意云设计</a>
      <div class="thread"></div>
      <a href="#" class="a1">创作者中心</a>
      <div class="thread"></div>
      <div class="center">
        <a href="#">建材中心
          <i class="bottom"></i>
        </a>
        <ul>
          <li>
            <a href="#">建材商登录</a>
          </li>
          <li>
            <a href="#">建材商入驻</a>
          </li>
        </ul>
      </div>
      <div class="thread"></div>
      <div class="merchant">
        <a href="#">商家中心
          <i class="bottom"></i>
        </a>
        <ul>
          <li>
            <a href="#">装修公司登录</a>
          </li>
          <li>
            <a href="#">装修公司入驻</a>
          </li>
          <li>
            <a href="#">装修公司APP</a>
          </li>
        </ul>
      </div>
      <div class="thread"></div>
      <div class="tubatu">
        <a href="#">我的土巴兔
          <i class="bottom"></i>
        </a>
        <ul>
          <li><a href="#">我的工地播报</a></li>
          <li><a href="#">我的商城订单</a></li>
        </ul>
      </div>
      <div class="thread"></div>
      <a href="#" class="first-reg">注册</a>
      <a href="#" class="first-reg">登录</a>
    </div>

  </div>
  <!-- 第三个导航栏 -->
  <div class="nav-conter">
    <div class="nav-box">
      <div class="content-left">
        <a href="#">
          <i class="hearder-logo"></i>
        </a>
        <a href="#" class="ad-rabbit">
          <img src="https://pic50.t8tcdn.com/adcms/ad/815d5d2f160c31b148c6208bf7c37284.gif" alt="" class="logo-gif">
          <img src="https://pic50.t8tcdn.com/adcms/ad/cdb0e5dcfc26c3abcc41513865a77c0c.gif" alt="" class="logo-png">
        </a>
      </div>
      <div class="content-center">
        <ul class="content-list">
          <li class="li">
            <a href="#" class="on">首页</a>
          </li>
          <li class="li">
            <a href="#">效果图</a>
            <i class="icon-arrow"></i>
            <!-- 隐藏部分 -->
            <div class="nav-hover">
              <div class="box-clearfix">
                <div class="type-choose">
                  <a href="#" class="item-active">家居美图</a>
                  <a href="#" class="item-active1">整屋案例</a>
                  <a href="#" class="item-active1">3D效果图</a>
                </div>
                <div class="clearfix-activer">
                  <ul class="clearfix1">
                    <li><a href="#">客厅</a></li>
                    <li><a href="#">卧室</a></li>
                    <li><a href="#">厨房</a></li>
                    <li><a href="#">卫生间</a></li>
                    <li><a href="#">餐厅</a></li>
                    <li><a href="#">玄关</a></li>
                  </ul>
                  <ul class="clearfix1">
                    <li>北欧极简</li>
                    <li>现代简约</li>
                    <li>美式田园</li>
                    <li>日式</li>
                    <li>中式现代</li>
                    <li>美式经典</li>
                  </ul>
                  <ul class="clearfix1">
                    <li>白色</li>
                    <li>灰色</li>
                    <li>蓝色</li>
                    <li>绿色</li>
                    <li>橙色</li>
                    <li>红色</li>
                  </ul>
                </div>
                <div class="list-img">
                  <a href="#" class="nav-fzlink">
                    <i class="fa fa-connectdevelop"></i>
                    <span class="list-text">免费设计</span>
                  </a>
                  <a href="#" class="nav-fzlink">
                    <i class="	fa fa-product-hunt"></i>
                    <span class="list-text">定制设计</span>
                  </a>
                  <a href="#" class="nav-fzlink">
                    <i class="	fa fa-slideshare"></i>
                    <span class="list-text">3D云设计</span>
                  </a>
                </div>
              </div>
            </div>
          </li>
          <li class="li">
            <a href="#">装修公司</a>
            <i class="icon-arrow"></i>
            <!-- 隐藏部分 -->
            <div class="nav-hover1">
              <div class="box-clearfix1">
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li class="li">
            <a href="#">装修攻略</a>
            <i class="icon-arrow"></i>
            <!-- 隐藏部分 -->
            <div class="nav-hover1 nav-left">
              <div class="box-clearfix1">
                <div class="type-region">
                  <span class="type-title">按服务区域></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li class="li">
            <a href="#">保障服务</a>
          </li>
          <li class="li">
            <a href="#">服务</a>
            <i class="icon-arrow"></i>
            <!-- 隐藏部分 -->
            <div class="nav-hover1 nav-left1">
              <div class="box-clearfix1">
                <div class="type-region">
                  <span class="type-title">按服务区域></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
                <div class="type-region">
                  <span class="type-title">按服务区域 ></span>
                  <ul class="nav-area">
                    <li>南山</li>
                    <li>宝安</li>
                    <li>福田</li>
                    <li>龙岗</li>
                    <li>罗湖</li>
                    <li>烟台</li>
                  </ul>
                </div>
              </div>
            </div>
          </li>
          <li class="li">
            <a href="#">下载APP</a>
          </li>
        </ul>
      </div>
      <div class="content-right">
        <div class="search-center">
          <input type="text" class="center-input" placeholder="搜装修公司/问题/攻略/效果图">
          <i class="icon-search"></i>
        </div>
      </div>
    </div>
  </div>
  <!-- 轮播图 -->
  <div class="td">
    <div class="tp">
      <ul class="tp-ul">
        <li><img src="https://pic50.t8tcdn.com/adcms/ad/2e77391532fa8029a19724f800bd4b2e.jpg" alt=""></li>
        <li><img src="https://pic50.t8tcdn.com/adcms/ad/201801/31/89ab2667d65940c325bfd733559cd60695225.jpg"></li>
        <li><img src="https://pic50.t8tcdn.com/adcms/ad/2e77391532fa8029a19724f800bd4b2e.jpg" alt=""></li>
      </ul>
      <div class="nain-v1">
        <h3>装修选半包还是全包好？</h3>
        <P class="p1">10秒估算一下</P>
        <div class="bg-unit">
          <input type="text" class="bpArea" placeholder="输入房屋面积">
          <i class="unit">m²</i>
        </div>
        <div class="bg-unit">
          <input type="text" class="bpArea" placeholder="输入手机号获取报价结果">
        </div>
        <div class="bp-agg" style="margin-left: 5px;">
          <input type="checkbox">&nbsp;
          我已阅读并接受
          <a href="#" class="bdd-link">《隐私政策》</a>
          <a href="#" class="bdd-link">《服务条款》</a>
        </div>
        <a href="#" class="bp-bth">获取报价</a>
        <div class="bp-tips">
          <span>报价后将会有装修顾问致电为您解读报价</span>
        </div>
      </div>
    </div>
  </div>
  </div>
  <div class="ad-rabbit-a">
    <ul class="content-wrapper">
      <li><a href="#" class="item-code">
          <h5 class="item-title">免费设计</h5>
          <span class="item-tip">获取三份设计方案</span>
          <img src="https://pic50.t8tcdn.com/adcms/ad/201812/25/10e86caea90c6b69014d264e11ca940e25584.jpg" alt="">
        </a></li>
      <li><a href="#" class="item-code">
          <h5 class="item-title">免费报价</h5>
          <span class="item-tip">算算装修要花多少钱</span>
          <img src="https://pic50.t8tcdn.com/adcms/ad/201812/25/de97215dfcaf713b8c8b0e12a687646438801.jpg" alt="">
        </a></li>
      <li><a href="#" class="item-code">
          <h5 class="item-title">全屋定制</h5>
          <span class="item-tip">让家轻松扩大n平米</span>
          <img src="https://pic50.t8tcdn.com/adcms/ad/201812/25/c60a2437841b91eb5893873f5b724cb969855.jpg" alt="">
        </a></li>
      <li><a href="#" class="item-code">
          <h5 class="item-title">装修分期</h5>
          <span class="item-tip">按月付款轻松住新家</span>
          <img src="https://pic50.t8tcdn.com/adcms/ad/201812/25/7979b2c52e38611219a8f901930ddf5c14600.jpg" alt="">
        </a></li>
      <li><a href="#" class="item-code">
          <h5 class="item-title">全程质检</h5>
          <span class="item-tip">请个质检盯工地</span>
          <img src="https://pic50.t8tcdn.com/adcms/ad/201812/25/e03319039519ca362e307eda2b2d8f6e64082.jpg" alt="">
        </a></li>
    </ul>
  </div>
  <div class="index-zzx">
    <div class="content-list">
      <div class="content-list-header">
        <h2>
          <span class="title-before"></span>
          <a href="#">深圳装修公司</a>
          <span class="title-before"></span>
        </h2>
        <div class="tab-wrapper">
          <div class="tab-item" style="color: #24c77e;">小编推荐</div>
          <div class="tab-item">优选公司</div>
        </div>
      </div>
    </div>
    <div class="pany-box">
      <div class="company">
        <a href="#" class="zzx-company">
          <div href="#" class="company-bag">
            <div class="bag-url">
              <div class="zzx-bag zzx-bag1"></div>
            </div>
          </div>
          <div class="detail">
            <div class="name">
              <span class="name-top">乐蜂装饰|新年装新家·春节不打烊</span>
              <i class="icon">礼</i>
            </div>
            <div class="data">
              <img src="https://img.to8to.com/to8to_pc/index/statics/img/rate_5.png" alt="" class="img">
              <span class="nums">326条评价</span>
            </div>
          </div>
        </a>
        <a href="#" class="zzx-company">
          <div href="#" class="company-bag">
            <div class="bag-url">
              <div class="zzx-bag zzx-bag2"></div>
            </div>
          </div>
          <div class="detail">
            <div class="name">
              <span class="name-top">乐蜂装饰|新年装新家·春节不打烊</span>
              <i class="icon">礼</i>
            </div>
            <div class="data">
              <img src="https://img.to8to.com/to8to_pc/index/statics/img/rate_5.png" alt="" class="img">
              <span class="nums">326条评价</span>
            </div>
          </div>
        </a>
        <a href="#" class="zzx-company">
          <div href="#" class="company-bag">
            <div class="bag-url">
              <div class="zzx-bag zzx-bag3"></div>
            </div>
          </div>
          <div class="detail">
            <div class="name">
              <span class="name-top">乐蜂装饰|新年装新家·春节不打烊</span>
              <i class="icon">礼</i>
            </div>
            <div class="data">
              <img src="https://img.to8to.com/to8to_pc/index/statics/img/rate_5.png" alt="" class="img">
              <span class="nums">326条评价</span>
            </div>
          </div>
        </a>
        <a href="#" class="zzx-company">
          <div href="#" class="company-bag">
            <div class="bag-url">
              <div class="zzx-bag zzx-bag4"></div>
            </div>
          </div>
          <div class="detail">
            <div class="name">
              <span class="name-top">乐蜂装饰|新年装新家·春节不打烊</span>
              <i class="icon">礼</i>
            </div>
            <div class="data">
              <img src="https://img.to8to.com/to8to_pc/index/statics/img/rate_5.png" alt="" class="img">
              <span class="nums">326条评价</span>
            </div>
          </div>
        </a>
        <a href="#" class="zzx-company">
          <div href="#" class="company-bag">
            <div class="bag-url">
              <div class="zzx-bag zzx-bag5"></div>
            </div>
          </div>
          <div class="detail">
            <div class="name">
              <span class="name-top">乐蜂装饰|新年装新家·春节不打烊</span>
              <i class="icon">礼</i>
            </div>
            <div class="data">
              <img src="https://img.to8to.com/to8to_pc/index/statics/img/rate_5.png" alt="" class="img">
              <span class="nums">326条评价</span>
            </div>
          </div>
        </a>
        <a href="#" class="zzx-company">
          <div href="#" class="company-bag">
            <div class="bag-url">
              <div class="zzx-bag zzx-bag6"></div>
            </div>
          </div>
          <div class="detail">
            <div class="name">
              <span class="name-top">乐蜂装饰|新年装新家·春节不打烊</span>
              <i class="icon">礼</i>
            </div>
            <div class="data">
              <img src="https://img.to8to.com/to8to_pc/index/statics/img/rate_5.png" alt="" class="img">
              <span class="nums">326条评价</span>
            </div>
          </div>
        </a>
        <a href="#" class="zzx-company">
          <div href="#" class="company-bag">
            <div class="bag-url">
              <div class="zzx-bag zzx-bag7"></div>
            </div>
          </div>
          <div class="detail">
            <div class="name">
              <span class="name-top">乐蜂装饰|新年装新家·春节不打烊</span>
              <i class="icon">礼</i>
            </div>
            <div class="data">
              <img src="https://img.to8to.com/to8to_pc/index/statics/img/rate_5.png" alt="" class="img">
              <span class="nums">326条评价</span>
            </div>
          </div>
        </a>
        <a href="#" class="zzx-company">
          <div href="#" class="company-bag">
            <div class="bag-url">
              <div class="zzx-bag zzx-bag8"></div>
            </div>
          </div>
          <div class="detail">
            <div class="name">
              <span class="name-top">乐蜂装饰|新年装新家·春节不打烊</span>
              <i class="icon">礼</i>
            </div>
            <div class="data">
              <img src="https://img.to8to.com/to8to_pc/index/statics/img/rate_5.png" alt="" class="img">
              <span class="nums">326条评价</span>
            </div>
          </div>
        </a>
      </div>
    </div>
    <a href="#" class="zzx-more">查看更多装修公司</a>
  </div>
  <!-- 装修日记 -->
  <div class="decorate-diary">
    <div class="content">
      <div class="bg">
        <img src="./img/yzs_bg.jpg" alt="" class="bg1">
        <img src="./img/yzs_bg_right_proc.jpg" alt="" class="bg2">
      </div>
      <!-- 内容 -->
      <div class="content-main">
        <!-- 左 -->
        <div class="left">
          <div class="yzs-detail">
            <img src="https://img.to8to.com/newheadphoto/v2/200/124.jpg" alt="">
            <p class="detail-title">
              荒芜情场 </p>
            <br>
            <br><br><br>
            <p class="type">简约</p>
          </div>
          <p class="yzs-detail-a">
            1.12号完成的柜子是这样的，今天1.13也不知道木工师傅有没有把柜子外边改包的再包下，接下来就要开始油漆啦，快过年了，住不了新家了之前泥工验收的时候还有一些地砖空鼓的，装修经理说泥瓦工师傅明天会过去修补，期待一下，还得记住之前验收的时候...
          </p>
          <div class="yzs-detail-img">
            <img src="./img/室内图片.jpg" alt="">
            <img src="./img/室内图片2.jpg" alt="">
          </div>
        </div>
        <!-- 右 -->
        <div class="right">
          <h6>装修日记</h6>
          <p class="slogan">
            业主分享装修历程，还原线下装修体验</p>
          <p class="slogan">拆解深圳装修公司服务口碑</p>
          <ul class="portrait">
            <li><img src="https://img.to8to.com/newheadphoto/v2/200/124.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/170.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/148.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/135.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/135.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/73.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/179.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/128.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/63.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/51.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/134.jpg" alt=""></li>
            <li class="gray"><img src="https://img.to8to.com/newheadphoto/v2/200/4.jpg" alt=""></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- 服务流程 -->
  <div class="wrapper">
    <div class="slow-emerge">
      <h4>服务流程</h4>
      <div class="porcess-box">
        <ul>
          <li class="porcess-yy">
            <i class="icon-zxyy"></i>
            <p class="zzx-step">在线预约</p>
            <p class="zzx-detail">登记联系方式</p>
          </li>
          <li class="process-lf">
            <i class="icon-lf"></i>
            <p class="zzx-step">量房沟通</p>
            <p class="zzx-detail">装修公司免费量房设计</p>
          </li>
          <li class="porcess-fa">
            <i class="icon-fa"></i>
            <p class="zzx-step">对比方案</p>
            <p class="zzx-detail">对比装修公司方案</p>
          </li>
          <li class="porcess-fa">
            <i class="icon-ht"></i>
            <p class="zzx-step">签订合同</p>
            <p class="zzx-detail">签订合同及托管装修款</p>
          </li>
          <li class="porcess-sg">
            <i class="icon-sg"></i>
            <p class="zzx-step">装修施工</p>
            <p class="zzx-detail">工人按排期施工交付</p>
          </li>
          </li>
          <li class="porcess-fa">
            <i class="icon-ys"></i>
            <p class="zzx-step">竣工验收</p>
            <p class="zzx-detail">验收通过全屋装修指标</p>
          </li>
          </li>
          <li class="porcess-fa">
            <i class="icon-bz"></i>
            <p class="zzx-step">享受保障</p>
            <p class="zzx-detail">享受合同约定质保</p>
          </li>
        </ul>
        <div class="step-box">
          <div class="img-first">
            <i class="icon-round">
              <span class="step-num">1</span>
              <span class="step-link"></span>
            </i>
          </div>
          <div class="img-first">
            <i class="icon-round">
              <span class="step-num">2</span>
              <span class="step-link"></span>
            </i>
          </div>
          <div class="img-first">
            <i class="icon-round">
              <span class="step-num">3</span>
              <span class="step-link"></span>
            </i>
          </div>
          <div class="img-first">
            <i class="icon-round">
              <span class="step-num">4</span>
              <span class="step-link"></span>
            </i>
          </div>
          <div class="img-first">
            <i class="icon-round">
              <span class="step-num">5</span>
              <span class="step-link"></span>
            </i>
          </div>
          <div class="img-first">
            <i class="icon-round">
              <span class="step-num">6</span>
              <span class="step-link"></span>
            </i>
          </div>
          <div class="img-first1">
            <i class="icon-round">
              <span class="step-num">7</span>
            </i>
          </div>
        </div>
      </div>
    </div>
  </div>
  <!-- 深圳装修效果图 -->
  <div class="index-ksj">
    <div class="index-header">
      <h2>
        <span class="index-header-box"></span>
        <a href="#" class="a">
          深圳装修效果图</a>
        <span class="index-header-box"></span>
      </h2>
      <span class="description">
        搜索海量深圳装修家居美图，发现新家装修灵感</span>
    </div>
    <ul class="navbar">
      <li><a href="#">现代简约</a>
        <span class="navbar-line">/</span>
      </li>
      <li>
        <a href="#">欧式豪华</a>
        <span class="navbar-line">/</span>
      </li>
      <li>
        <a href="#">美式经典</a>
        <span class="navbar-line">/</span>
      </li>
      <li>
        <a href="#">中式现代</a>
        <span class="navbar-line">/</span>
      </li>
      <li>
        <a href="#">北欧极简</a>
        <span class="navbar-line">/</span>
      </li>
      <li>
        <a href="#">全部美图 ></a>
      </li>
    </ul>
    <div class="design-topic">
      <div class="design-info" data-index="0">
        <div class="image-wrapper">
          <a href="#">
            <img src="https://pic.to8to.com/case/2020/07/03/20200703150046-a416a7a2.jpeg" alt=""
              style="height: 100%; margin-left: -78px; display: inline;">
          </a>
        </div>
      </div>
      <div class="design-info" data-index="1">
        <div class="image-wrapper">
          <a href="#">
            <img src="https://pic.to8to.com/case/2020/07/03/20200703150044-f2df366d.jpeg" alt=""
              style="width: 100%; margin-left: 2px; display: inline;">
          </a>
        </div>
      </div>
      <div class="design-info" data-index="2">
        <div class="image-wrapper">
          <a href="#">
            <img src="https://pic.to8to.com/case/2020/07/03/20200703150041-345c73fa.jpeg" alt=""
              style="width: 100%; margin-left: -1px; display: inline;">
          </a>
        </div>
      </div>
      <div class="design-info" data-index="3">
        <div class="image-wrapper">
          <a href="#">
            <img src="https://pic.to8to.com/case/2020/07/03/20200703150041-a3e47550.jpeg" alt=""
              style="width: 100%; margin-left: -1px; display: inline;">
          </a>
        </div>
      </div>
      <div class="design-info" data-index="4" style="top:341px;">
        <div class="image-wrapper">
          <a href="#">
            <img src="https://pic.to8to.com/case/2020/07/03/20200703150042-5230e769.jpeg" alt=""
              style="width: 100%; margin-left: -1px; display: inline;">
          </a>
        </div>
      </div>
      <div class="design-info" data-index="5">
        <div class="image-wrapper">
          <a href="#">
            <img src="https://pic.to8to.com/case/2020/07/03/20200703145746-a0cc613b.jpeg" alt=""
              style="width: 100%; height:100%;margin-left: -1px; display: inline;">
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- 看攻略 -->
  <div class="index-kgl">
    <div class="content-wrp">
      <div class="index-header">
        <h2>
          <span class="index-header-box"></span>
          <a href="#" class="a">
            看攻略</a>
          <span class="index-header-box"></span>
        </h2>
        <span class="description">
          学习装修经验与交流深圳装修相关问题，小白晋级达人就靠它</span>
      </div>
      <!-- 隐藏部分 -->
      <div class="index-content">
        <!-- 1 -->
        <div class="kgl-type">
          <div class="kgl-lower">
            <div class="kgl-title">
              <span class="kgl-text">
                深圳装修攻略
                <i class="index-icon-zxgl"></i>
              </span>
            </div>
            <ul>
              <li>家里装修担心家居环境不...</li>
              <li>包头墙面刮腻子价格多少？刮腻子施工的工序是什么</li>
              <li>包头墙面刮腻子程序如何 刮腻子和刮大白的区别</li>
              <li>墙面腻子材料重要吗 墙面怎么刮腻子</li>
              <li>刮完腻子多久可入住 刷白墙的涂料含甲醛吗</li>
              <li>2020年旧房墙面翻新的步骤是什么</li>
            </ul>
            <a href="#" class="arrow-box2">
              <i class="icon-arrow2"></i>
            </a>
          </div>
          <div class="index-upper">
            <div class="upper-title">
              <img src="https://img5.t8tcdn.com/to8to_pc/index/statics/img/index_zxgl_bg.jpg" alt="" class="kgl-bg">
              <span class="kgl-upper-conter">
                深圳装修攻略
                <i class="icon-zxgl"></i>
              </span>
            </div>
            <div class="kgl-upper-content">
              <div class="kgl-upper-detail">
                <a href="#">
                  <img src="https://pic.to8to.com/attch/day_200817/20200817_3a092ecee7dc6f246cbaAEqpK9YE0pkJ.png"
                    alt="">
                </a>
                <div class="kgl-detail">
                  <p class="kgl-detail-title">
                    <a href="#">
                      家里装修担心家居环境不... </a>
                  </p>
                  <P class="kgl-detil-text">
                    <a href="#">
                      随着人们消费水平和健康意识的提升，人们对家装涂料的要求也... </a>
                  </P>
                </div>
              </div>
              <ul>
                <li><a href="#">包头墙面刮腻子价格多少？刮腻子施工的工序是什么</a></li>
                <li><a href="#">包头墙面刮腻子程序如何 刮腻子和刮大白的区别</a></li>
                <li><a href="#">墙面腻子材料重要吗 墙面怎么刮腻子</a></li>
                <li><a href="#">刮完腻子多久可入住 刷白墙的涂料含甲醛吗</a></li>
                <li><a href="#">2020年旧房墙面翻新的步骤是什么</a></li>
              </ul>
              <a href="#" class="arrow-box1">
                <i class="icon-arrow1"></i>
              </a>
            </div>
          </div>
        </div>
        <!-- 2 -->
        <div class="kgl-type">
          <div class="kgl-lower">
            <div class="kgl-title">
              <span class="kgl-text">
                深圳装修攻略
                <i class="index-icon-zxgl"></i>
              </span>
            </div>
            <ul>
              <li>家里装修担心家居环境不...</li>
              <li>包头墙面刮腻子价格多少？刮腻子施工的工序是什么</li>
              <li>包头墙面刮腻子程序如何 刮腻子和刮大白的区别</li>
              <li>墙面腻子材料重要吗 墙面怎么刮腻子</li>
              <li>刮完腻子多久可入住 刷白墙的涂料含甲醛吗</li>
              <li>2020年旧房墙面翻新的步骤是什么</li>
            </ul>
            <a href="#" class="arrow-box2">
              <i class="icon-arrow2"></i>
            </a>
          </div>
          <div class="index-upper">
            <div class="upper-title">
              <img src="https://img5.t8tcdn.com/to8to_pc/index/statics/img/index_zxgl_bg.jpg" alt="" class="kgl-bg">
              <span class="kgl-upper-conter">
                深圳装修攻略
                <i class="icon-zxgl"></i>
              </span>
            </div>
            <div class="kgl-upper-content">
              <div class="kgl-upper-detail">
                <a href="#">
                  <img src="https://pic.to8to.com/attch/day_200817/20200817_3a092ecee7dc6f246cbaAEqpK9YE0pkJ.png"
                    alt="">
                </a>
                <div class="kgl-detail">
                  <p class="kgl-detail-title">
                    <a href="#">
                      家里装修担心家居环境不... </a>
                  </p>
                  <P class="kgl-detil-text">
                    <a href="#">
                      随着人们消费水平和健康意识的提升，人们对家装涂料的要求也... </a>
                  </P>
                </div>
              </div>
              <ul>
                <li><a href="#">包头墙面刮腻子价格多少？刮腻子施工的工序是什么</a></li>
                <li><a href="#">包头墙面刮腻子程序如何 刮腻子和刮大白的区别</a></li>
                <li><a href="#">墙面腻子材料重要吗 墙面怎么刮腻子</a></li>
                <li><a href="#">刮完腻子多久可入住 刷白墙的涂料含甲醛吗</a></li>
                <li><a href="#">2020年旧房墙面翻新的步骤是什么</a></li>
              </ul>
              <a href="#" class="arrow-box1">
                <i class="icon-arrow1"></i>
              </a>
            </div>
          </div>
        </div>
        <!-- 3 -->
        <div class="kgl-type">
          <div class="kgl-lower">
            <div class="kgl-title">
              <span class="kgl-text">
                深圳装修攻略
                <i class="index-icon-zxgl"></i>
              </span>
            </div>
            <ul>
              <li>家里装修担心家居环境不...</li>
              <li>包头墙面刮腻子价格多少？刮腻子施工的工序是什么</li>
              <li>包头墙面刮腻子程序如何 刮腻子和刮大白的区别</li>
              <li>墙面腻子材料重要吗 墙面怎么刮腻子</li>
              <li>刮完腻子多久可入住 刷白墙的涂料含甲醛吗</li>
              <li>2020年旧房墙面翻新的步骤是什么</li>
            </ul>
            <a href="#" class="arrow-box2">
              <i class="icon-arrow2"></i>
            </a>
          </div>
          <div class="index-upper">
            <div class="upper-title">
              <img src="https://img5.t8tcdn.com/to8to_pc/index/statics/img/index_zxgl_bg.jpg" alt="" class="kgl-bg">
              <span class="kgl-upper-conter">
                深圳装修攻略
                <i class="icon-zxgl"></i>
              </span>
            </div>
            <div class="kgl-upper-content">
              <div class="kgl-upper-detail">
                <a href="#">
                  <img src="https://pic.to8to.com/attch/day_200817/20200817_3a092ecee7dc6f246cbaAEqpK9YE0pkJ.png"
                    alt="">
                </a>
                <div class="kgl-detail">
                  <p class="kgl-detail-title">
                    <a href="#">
                      家里装修担心家居环境不... </a>
                  </p>
                  <P class="kgl-detil-text">
                    <a href="#">
                      随着人们消费水平和健康意识的提升，人们对家装涂料的要求也... </a>
                  </P>
                </div>
              </div>
              <ul>
                <li><a href="#">包头墙面刮腻子价格多少？刮腻子施工的工序是什么</a></li>
                <li><a href="#">包头墙面刮腻子程序如何 刮腻子和刮大白的区别</a></li>
                <li><a href="#">墙面腻子材料重要吗 墙面怎么刮腻子</a></li>
                <li><a href="#">刮完腻子多久可入住 刷白墙的涂料含甲醛吗</a></li>
                <li><a href="#">2020年旧房墙面翻新的步骤是什么</a></li>
              </ul>
              <a href="#" class="arrow-box1">
                <i class="icon-arrow1"></i>
              </a>
            </div>
          </div>
        </div>
        <!-- 4 -->
        <div class="kgl-type">
          <div class="kgl-lower">
            <div class="kgl-title">
              <span class="kgl-text">
                深圳装修攻略
                <i class="index-icon-zxgl"></i>
              </span>
            </div>
            <ul>
              <li>家里装修担心家居环境不...</li>
              <li>包头墙面刮腻子价格多少？刮腻子施工的工序是什么</li>
              <li>包头墙面刮腻子程序如何 刮腻子和刮大白的区别</li>
              <li>墙面腻子材料重要吗 墙面怎么刮腻子</li>
              <li>刮完腻子多久可入住 刷白墙的涂料含甲醛吗</li>
              <li>2020年旧房墙面翻新的步骤是什么</li>
            </ul>
            <a href="#" class="arrow-box2">
              <i class="icon-arrow2"></i>
            </a>
          </div>
          <div class="index-upper">
            <div class="upper-title">
              <img src="https://img5.t8tcdn.com/to8to_pc/index/statics/img/index_zxgl_bg.jpg" alt="" class="kgl-bg">
              <span class="kgl-upper-conter">
                深圳装修攻略
                <i class="icon-zxgl"></i>
              </span>
            </div>
            <div class="kgl-upper-content">
              <div class="kgl-upper-detail">
                <a href="#">
                  <img src="https://pic.to8to.com/attch/day_200817/20200817_3a092ecee7dc6f246cbaAEqpK9YE0pkJ.png"
                    alt="">
                </a>
                <div class="kgl-detail">
                  <p class="kgl-detail-title">
                    <a href="#">
                      家里装修担心家居环境不... </a>
                  </p>
                  <P class="kgl-detil-text">
                    <a href="#">
                      随着人们消费水平和健康意识的提升，人们对家装涂料的要求也... </a>
                  </P>
                </div>
              </div>
              <ul>
                <li><a href="#">包头墙面刮腻子价格多少？刮腻子施工的工序是什么</a></li>
                <li><a href="#">包头墙面刮腻子程序如何 刮腻子和刮大白的区别</a></li>
                <li><a href="#">墙面腻子材料重要吗 墙面怎么刮腻子</a></li>
                <li><a href="#">刮完腻子多久可入住 刷白墙的涂料含甲醛吗</a></li>
                <li><a href="#">2020年旧房墙面翻新的步骤是什么</a></li>
              </ul>
              <a href="#" class="arrow-box1">
                <i class="icon-arrow1"></i>
              </a>
            </div>
          </div>
        </div>
      </div>
      <!-- 广告图片 -->
      <div class="index-mid">
        <div style="width: 100%; margin-top: 40px; height: 60px; display: block;">
          <a href="#">
            <img src="https://pic50.t8tcdn.com/adcms/ad/201907/03/454919040c341c86b11cf628417ccecd8652.jpg" alt=""
              style="width: 1460px; height: 60px;">
          </a>
        </div>
      </div>
    </div>
  </div>
  <!-- 找建材 -->
  <div class="index-gsc">
    <!-- 头 -->
    <div class="content-p">
      <div class="common-header">
        <h3>
          <span class="index-header-box"></span>
          <a href="#" class="a">
            找建材</a>
          <span class="index-header-box"></span>
        </h3>
        <span class="description">
          搜索海量深圳装修家居美图，发现新家装修灵感</span>
        <!-- 中间 -->
        <ul class="navbar">
          <li><a href="#">油漆涂料</a>
            <span class="navbar-line">/</span>
          </li>
          <li>
            <a href="#">瓷砖</a>
            <span class="navbar-line">/</span>
          </li>
          <li>
            <a href="#">地板</a>
            <span class="navbar-line">/</span>
          </li>
          <li>
            <a href="#">衣柜</a>
            <span class="navbar-line">/</span>
          </li>
          <li>
            <a href="#">橱柜</a>
            <span class="navbar-line">/</span>
          </li>
          <li>
            <a href="#">厨电</a>
            <span class="navbar-line">/</span>
          </li>
          <li>
            <a href="#">全部美图 ></a>
          </li>
        </ul>
        <!-- 左边 -->
        <div class="index-gsc-list">
          <div class="list-wares">
            <a href="#" style="display: inline-block;">
              <div class="list-title">
                <p class="list-name">全屋定制</p>
                <span class="list-price">空间省心定制，优惠商家严选</span>
              </div>
              <img src="https://pic.to8to.com/hot/day_190118/20190118_4944aeb08ba1310d229cVJ6dDSsBBJL2.png" alt="">
            </a>
          </div>
          <!-- 中间 -->
          <div class="list-wares">
            <a href="#" style="display: inline-block;">
              <div class="list-title list-title1">
                <p class="list-name">地板</p>
                <span class="list-price">板材严控，品质保证</span>
              </div>
              <img src="https://pic.to8to.com/hot/day_190118/20190118_0e0cfdeefe28693839efRgUjfpKrEpQv.png" alt="">
            </a>
          </div>
          <!-- 右边 -->
          <div class="list-wares list-more">
            <a href="#" class="">
              <img src="https://pic.to8to.com/hot/day_190118/20190118_59135513edaa40914193MHYtSJLPdwaW.png" alt="">
              <div class="wares-tile">
                <p class="wares-name">成品家具</p>
                <span class="wares-price"></span>
              </div>
            </a>
            <a href="#" class="">
              <img src="https://pic.to8to.com/hot/day_190118/20190118_79c32d270e647220ea92YmZ5ViUofvsK.png" alt="">
              <div class="wares-tile">
                <p class="wares-name">电器</p>
                <span class="wares-price"></span>
              </div>
            </a>
          </div>

        </div>
        <div class="seller-list">
          <ul>
            <li>
              <a href="#">
                <img src="https://pic.to8to.com/hot/day_211021/20211021_2870889932794318.png" alt="">
              </a>
              <span class="division-thread"></span>
            </li>
            <li>
              <a href="#">
                <img src="https://pic.to8to.com/hot/day_211021/20211021_3542618642497066.jpg" alt="">
              </a>
              <span class="division-thread"></span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <!-- 绿色图片 -->
  <div class="index-data">
    <div class="index-data-show">
      <div class="index-data-box">
        <img src="https://pic50.t8tcdn.com/adcms/ad/7a7cadbee147a748893c0ab862bd2a33.png" alt="" class="index-right">
      </div>
      <div class="index-img-box">
        <img src="https://img2.t8tcdn.com/to8to_pc/index/statics/img/index_data_represent.png?v=20210423" alt="">
        <p class="index-slogan-top">土巴兔专注装修13年</p>
        <P class="index-slogan-bottom">始 终 为 用 户 创 造 价 值</P>
      </div>
    </div>
  </div>
  <!-- 底部 -->
  <div class="footer">
    <!-- 头 -->
    <div class="footer-websites">
      <div class="footer-content">
        <div class="footer-city">
          <a href="#">友链合作></a>
          <span class="on">友情链接</span>
          <span>装修美图</span>
          <span>热门公司</span>
          <span>热门攻略</span>
          <span>热门专题</span>
          <span>热门城市</span>
          <span>附近城市</span>
        </div>
        <!-- 底部 -->
        <div class="footer-websites-box">
          <ul class="clearfix">
            <li>
              <a href="#">装修 </a>
            </li>
            <li>
              <a href="#">
                深圳新房 </a>
            </li>
            <li>
              <a href="#">
                房东房源网 </a>
            </li>
            <li>
              <a href="#">
                真房源网 </a>
            </li>
            <li>
              <a href="#">
                深圳二手房 </a>
            </li>
            <li>
              <a href="#">
                深圳房产网 </a>
            </li>
            <li>
              <a href="#">
                深圳装修公司 </a>
            </li>
            <li>
              <a href="#">
                深圳兼职 </a>
            </li>
            <li>
              <a href="#">
                一席之地 </a>
            </li>
            <li>
              <a href="#">
                新一席之地 </a>
            </li>
            <li>
              <a href="#">
                武汉装修公司 </a>
            </li>
            <li>
              <a href="#">
                深圳装修招标 </a>
            </li>
            <li>
              <a href="#">
                深圳装修招标 </a>
            </li>
            <li>
              <a href="#">

                拼客网 </a>
            </li>
            <li>
              <a href="#">深圳厂房出租</a>
            </li>
            <li>
              <a href="#">深圳装修招标 </a>
            </li>
            <li>
              <a href="#"> 深圳装修招标 </a>
            </li>
            <li>
              <a href="#">深圳装修招标 </a>
            </li>
            <li>
              <a href="#"> 深圳装修招标 </a>
            </li>
            <li>
              <a href="#">深圳装修招标 </a>
            </li>
            <li>
              <a href="#"> 深圳装修招标 </a>
            </li>
            <li>
              <a href="#">深圳装修招标 </a>
            </li>
            <li>
              <a href="#">深圳装修招标 </a>
            </li>
          </ul>
        </div>
        <div class="footer-company-box">
          <div class="footer-wrapper">
            <div class="footer-code">
              <img src="https://img3.t8tcdn.com/to8to_pc/common/modules/footer/img/qrcode_wx.jpg" alt="">
              <p>微信公众号</p>
            </div>
            <div class="footer-code footer-code1">
              <img src="https://img6.t8tcdn.com/to8to_pc/common/modules/footer/img/qrcode_app.jpg?20190603" alt="">
              <p>土巴兔APP</p>
            </div>
            <div class="company-info">
              <ul>
                <li>
                  <a href="#">关于我们</a>
                </li>
                <li>
                  <a href="#">联系我们</a>
                </li>
                <li>
                  <a href="#">公示公告</a>
                </li>
                <li>
                  <a href="#">商务合作</a>
                </li>
                <li>
                  <a href="#">侵权投诉</a>
                </li>
              </ul>
              <p class="footer-state">

                免责声明：本网站部分内容由用户自行上传，如权利人发现存在误传其作品情形，请及时与本站联系。© 2008-现在 Tubatu.com 土巴兔装修网和设计师社区 保留所有权利
              </p>
              <p class="footer-icp">
                  <span>
                    <span>土巴兔装修网 &nbsp;</span>
                    <a href="#">增值电信业务许可证：合字B2-20200129</a>
                    <a href="#">粤ICP备08125558号</a>
                  </span>

              </p>
              <p class="footer-icp">
               <a href="#">
                 <i class="index-icon6 fl"></i>
                 <span style="margin-left: 17px;">粤公网安备 44030502001463号</span>
               </a>
                <a href="#">
                  <i class="index-icon fbc-iocn1"></i>
                </a>
                <a href="#">
                  <i class="index-icon fbc-iocn2"></i>
                </a>
                <a href="#">
                  <i class="index-icon fbc-iocn3"></i>
                </a>
            </p>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
</div>
</div>
</body>

</html>